<template>
    <a-drawer v-model:visible="LAYER.visible" :title="LAYER.title" :width="LAYER.width"
              :closable="LAYER.closable" :mask-closable="LAYER.maskClosable" :esc-to-close="LAYER.escToClose"
              :unmount-on-close="LAYER.unmountOnClose" :footer="LAYER.footer" :ok-text="LAYER.okText"
              :ok-loading="LAYER.okLoading" :cancel-text="LAYER.cancelText" @close="onCancel">

      <a-tabs default-active-key="1" style="margin-top: 12px" >

        <a-tab-pane key="1" title="基础资料">
          <a-descriptions :data="data"  />
        </a-tab-pane>

        <a-tab-pane key="2" title="会员好友">
          Content of Tab Panel 1
        </a-tab-pane>

        <a-tab-pane key="3" title="邀请记录">
          Content of Tab Panel 1
        </a-tab-pane>


        <a-tab-pane key="4" title="金币日志">
          Content of Tab Panel 1
        </a-tab-pane>

        <a-tab-pane key="5" title="活跃日志">
          Content of Tab Panel 1
        </a-tab-pane>
        <a-tab-pane key="6" title="玩家成就">
          Content of Tab Panel 1
        </a-tab-pane>

      </a-tabs>


    </a-drawer>
</template>
<script setup lang="ts">

import {LocalDrawer} from "@/libs/core";

const props = defineProps({record: {type: Object, required: true}})
const emit = defineEmits(['cancel'])
const service = new LocalDrawer(emit)
const {LAYER, onCancel} = service
LAYER.title = '会员详情'
LAYER.width=1024

const data = [{
  label: 'Name',
  value: 'Socrates',
}, {
  label: 'Mobile',
  value: '123-1234-1234',
}, {
  label: 'Residence',
  value: 'Beijing'
}, {
  label: 'Hometown',
  value: 'Beijing',
}, {
  label: 'Address',
  value: 'Yingdu Building, Zhichun Road, Beijing'
}];

</script>
